<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:form>
        
        <p:panel rendered="#{mbPanier.panier.vide==false}">
            
            <p:dataTable var="ligneProduit" 
                     value="#{mbPanier.panier.listeLignes}" 
                     id="listeLignes" 
                     editable="true" >  

            <f:facet name="header">  
                Mon Panier
            </f:facet> 

            <p:column headerText="" style="width:10%"  >  
                <p:graphicImage 
                    value="#{ligneProduit.produit.photo}" 
                    width="30" 
                    height="30"/> 


            </p:column>  
            <p:column headerText="Nom" style="width:40%"  >  
                <h:outputText value="#{ligneProduit.produit.titreProduit}" /> 


            </p:column>  

            <p:column headerText="Prix Unitaire" style="width:20%"  >  
                <h:outputText value="#{ligneProduit.produit.prix} €" /> 


            </p:column>  


            <p:column headerText="Quantite" style="width:10%"  >  

                <p:cellEditor> 
                    <f:facet name="output">  
                        <h:outputText value="#{ligneProduit.quantite}" /> 
                    </f:facet>  
                    <f:facet name="input">  
                        <h:inputText value="#{ligneProduit.quantite}" /> 
                    </f:facet>   
                </p:cellEditor>  

            </p:column>  
            <p:column headerText="Prix" style="width:20%"  >  
                <h:outputText value="#{ligneProduit.prix} €" /> 


            </p:column>  
            <p:column style="width:6%">  
                <p:rowEditor />  
            </p:column>  
            <p:column headerText="" style="width:20%"  >  

                <p:commandButton 
                        value="Retirer" 
                        action="#{mbPanier.removeLignePanier(ligneProduit)}"
                        ajax="false"/>
            </p:column>  
        </p:dataTable>  
        <p:panel>
            
            <h:outputText value="Prix du panier #{mbPanier.prixTotal}€" /> 
            
        </p:panel>
        <p:commandButton value="Passer commande" 
                        ajax="false"/>
        
        </p:panel>
        
        <h:outputText rendered="#{mbPanier.panier.vide==true}" value="Panier vide" /> 
    </h:form>
</html>